<link rel="stylesheet" href="<?php echo CSS_DIR; ?>show.css">

<section class="location">
  <div class="container">
    <div class="row">
      <div class="position col-xs-11 col-xs-offset-1 col-md-11 col-md-offset-1">
        <p>当前位置：<span>案例展示 &gt; </span><span>电子商务网站</span></p>
      </div>
    </div>
  </div>
</section>

<section class="title">
  <div class="container titled">
    <h1>我们的案例</h1>
    <h3>OUR CASE</h3>
  </div>
</section>

<section class="cases">
  <div class="container">
    <div class="cases-type row col-xs-12 col-sm-10 col-md-10 col-lg-10 col-sm-offset-1 col-md-offset-1 col-lg-offset-1">
      <ul id="myTab" class="nav nav-tabs">
        <?php foreach($case_type as $val){ ?>
        <li class="active col-lg-4 col-md-4 col-sm-6 col-xs-12">
          <a href="?case-type=<?php echo $val['case_type_id']; ?>">
            <div class="type commerce" style="background-image: url(<?php echo ROOT.$val['case_type_thumb']; ?>);">
              <div class="type-detail">
                <h3><?php echo $val['case_type_name1']; ?></h3>
                <span><?php echo $val['case_type_name2']; ?></span>
              </div>
            </div>
          </a>
        </li>
        <?php } ?>
      </ul>
    </div>
  </div>
  <div class="container">
    <div id="myTabContent" class="tab-content row">
      <div class="tab-pane fade in active">
        <ul class="case-content">
          <?php foreach($cases as $val){ ?>
          <li class="col-md-6 col-lg-4 col-sm-6 col-xs-12">
            <div class="case-detail">
              <a href="show_info.php?info_id=<?php echo $val['case_id']; ?>"><img src="<?php echo ROOT.$val['case_img']; ?>"></a>
              <h1><?php echo $val['case_name']; ?></h1>
              <p><?php echo $val['case_desc']; ?></p>
            </div>
          </li>
          <?php } ?>
        </ul>
        <!-- 加载更多 -->
        <div class="more">
          <a onclick="alert('aaa');" href="javascript:;"><span>LEARN MORE</span></a>
        </div>
      </div>
    </div>
  </div>
</section>